<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../resources/main.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">

    <ui:define name="content">
        <h:outputStylesheet library="css" name="estilo.css" />
        <p:separator />
        <div class="pagina">
            Cadastro de Leito
        </div>
        <p:separator />
        <h:form id="cadLeito">
            <h:inputHidden value="#{mbLeito.leito.idLeito}" />
            <h:inputHidden value="#{mbLeito.leito.ocupado}" />
            <p:growl />
            <h:panelGrid columns="2">
                <h:outputLabel value="Descrição.:" styleClass="lb"/>
                <h:inputText value="#{mbLeito.leito.descricao}" onkeyup="this.value = this.value.toUpperCase()" styleClass="tx" size="23"/>
                <h:outputLabel />
                <h:panelGroup style="padding-left: 0px;">                    
                    <p:commandButton value="Cancelar" actionListener="#{mbLeito.limparLeito}" update="@form" ajax="false"/>   
                    <p:commandButton value="Salvar" action="#{mbLeito.salvarLeito}" update="@form :tbLeito" ajax="false"/>
                </h:panelGroup>
            </h:panelGrid>                           
        </h:form>
        <p:separator />
        <div class="pagina">
            Lista de Leitos
        </div>
        <p:separator />
        <h:form id="frmPesqLeito">
            <fieldset><legend style="font-size: 18px; color: #D20005">Pesquisar Leito</legend>
                <h:panelGrid columns="3">                   
                    <h:outputLabel value="Leito.:" styleClass="lb" style="float: left;" />
                    <h:inputText id="pesquisa" value="#{mbLeito.pesquisa}" styleClass="tx" style="color: #D20005;" onkeyup="this.value = this.value.toUpperCase()"/>                    
                    <p:commandButton value="Pesquisar" action="#{mbLeito.pesquisarLeito}" ajax="false" />              
                </h:panelGrid>
            </fieldset>
        </h:form>
        <h:form id="tbLeito">           
            <p:dataTable value="#{mbLeito.leitos}" var="l" scrollable="true" scrollHeight="220">
                <f:facet name="header">Lista de Leitos</f:facet>                
                <p:column headerText="Codigo" style="text-align: left; font-size: 12px;">
                    <h:outputText value="#{l.idLeito}" />
                </p:column>
                <p:column headerText="Descrição" style="text-align: left; font-size: 12px;" sortBy="descricao">
                    <h:outputText value="#{l.descricao}" />
                </p:column>
                <p:column headerText="Status" style="text-align: left; font-size: 12px;">
                    <h:outputText value="OCUPADO" rendered="#{l.ocupado}" styleClass="txt" />
                    <h:outputText value="LIVRE" rendered="#{!l.ocupado}" styleClass="txt" />
                </p:column>
                <p:column headerText="Alterar" style="text-align: center; font-size: 12px;" width="40">
                    <p:commandLink styleClass="txt" process="@this" update=":cadLeito" title="Alterar">
                        <h:graphicImage library="img" name="edicao.png" />
                        <f:setPropertyActionListener target="#{mbLeito.leito}" value="#{l}" />
                    </p:commandLink>
                </p:column>
                <f:facet name="footer">
                    <h:outputText value="| Total de Leito = #{mbLeito.totalLeitos}  |" style="color: magenta" />
                    <h:outputText value="|Leitos Ocupado = #{mbLeito.leitosOcupados}  |" style="color: blue" />
                    <h:outputText value="|Leitos Livres = #{mbLeito.leitoLivres} |" style="color: red"/>
                    <h:outputText value="|Taxa de Ocupação = #{mbLeito.taxaOcupacao}% |" style="color: green" />
                </f:facet> 
            </p:dataTable>

        </h:form>
    </ui:define>
</ui:composition>
